{% extends 'main/base.html' %}
{% block content %}
<div class="columns has-background-black-ter is-centered has-text-white-bis">
	<!-- на самом деле можно было обойтись и hero, но я обратился к inline-css -->
	<div class="column is-half">
    	<form action="" method="post">
        	{% csrf_token %}
        	<!-- csrf для базовой безопасности нашего приложения -->
            <div class="field has-text-centered">
            	<label for="title" class="label has-text-white-bis">Введите наименование дела</label>
            	<div class="control">
             	   <input type="text" id="title" class="input" placeholder="Чем собираетесь заняться?"
                    	name="title" required>
            	</div>
        		</div>
						<div class="field has-text-centered">
            	<label for="description" class="label has-text-white-bis">Введите описание дела</label>
            	<div class="control">
             	   <input type="text" id="description" class="input" placeholder="Напишите подробности занятия?"
                    	name="description" required>
            	</div>
        		</div>
						<span class="control">
							<label class="is-checkbox is-rounded">
								<input name="is_done" input type="checkbox">
								<span>Отметить выполненным</span>
							</label>				
						</span>
        	<div class="column">
            	<div class="field">
                	<button class="button is-primary" name="Add" type="submit">
                    	<span class="icon is-small">
                        	<i class="fa fa-plus"></i>
                    	</span>
                    	<span>Добавить дело</span>
                	</button>             	   
            	</div>
        	</div>				
    	</form>
	</div>
</div>
{% endblock %}